#song {
    .header {
        display: flex;

        .left {
            flex: 1;

        }

        .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 3;

            .title {
                display: flex;
                align-items: center;
                line-height: 30px;

                .drf {
                    height: 22px;
                    width: 36px;
                    padding: 0 3px;
                    line-height: 22px;
                    color: #EC4141;
                    border: 1px solid #EC4141;
                    border-radius: 3px;
                    margin-right: 10px;
                }

                p {
                    margin: 0;
                }
            }

            .message {
                display: flex;
                align-items: center;

                img {
                    margin-right: 5px;
                }
            }

            .btns {
                display: flex;

                a {
                    color: white;
                    padding: 8px 16px;
                    border-radius: 25px;
                    margin-right: 10px;

                    span {
                        padding: 0px 5px;
                    }

                }

                .redA:hover {
                    background-color: #ad0000;
                }

                .gray {
                    border: 1px solid #ccc;
                    color: rgb(29, 29, 29);

                    &:hover {
                        background-color: #F2F2F2;
                    }
                }
            }

            .tags {
                a {
                    margin: 0 5px;
                }
            }

            .bil {
                span {
                    margin-right: 18px;
                }
            }

        }
    }
}
.body{
    .flex>ul{
        display: flex;
    }
    .hd li{
        a{
            font-size: 12px;
        }
    }
    .hd li.on{
        border-bottom: 2px solid #EC4141;
    }
    
    .comment{
        .pull-right{
         margin-top: 10px;   
         border-radius: 25px;
        }

        // 精彩评论区域样式
        .jcpl{
            margin-bottom: 58px;
            .flex{
                font-size: 12px;
                margin: 20px 0;
            }
            h4{
                margin-bottom: 20px;
                
            }
            .left{
                display: flex;
                img{
                    width: 38px;
                    margin-right: 15px;
                }
                div{
                    display: flex;
                    flex-flow: column wrap;
                    justify-content: space-between;
                    p{
                        width: 800px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    p.time{
                        color: #AFADB0;
                    }
                }
            }
            .right{
                span{
                    margin: 0 3px;
                    cursor: pointer;
                }
            }
        }



    }
    .collector{
        ul{
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
            li{
                width: 225px;
                display: flex;
                // justify-content: space-between;
                align-items: center;
                img{
                    margin-right: 12px;
                }
            }
        }
    }

}
// .slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
// .slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
// .slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:32px;   }
// .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
// .slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
// .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
// .slideTxtBox .bd li{ height:24px; line-height:24px;   }
// .slideTxtBox .bd li .date{ float:right; color:#999;  }
.ceshi{
    t
}